<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
  <meta content="telephone=no,email=no" name="format-detection">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>novel-vue</title>
  <style>
    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
    }

    body {
      line-height: 1;
      background: #fff;
    }

    :focus {
      outline: 1;
    }

    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary {
      display: block;
    }

    nav ul {
      list-style: none;
    }

    blockquote,
    q {
      quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: '';
      content: none;
    }

    a {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
    }

    ins {
      background-color: #ff9;
      color: #000;
      text-decoration: none;
    }

    mark {
      background-color: #ff9;
      color: #000;
      font-style: italic;
      font-weight: bold;
    }

    del {
      text-decoration: line-through;
    }

    abbr[title],
    dfn[title] {
      border-bottom: 1px dotted #000;
      cursor: help;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #cccccc;
      margin: 1em 0;
      padding: 0;
    }

    input,
    select {
      vertical-align: middle;
    }
  </style>
</head>

<body>
  <div id="app">
    <!-- shell -->
  </div>
  <!-- built files will be auto injected -->
  <script>
    (() => {
      try {
        let haPanelIframe = parent.document.body
          .querySelector("home-assistant")
          .shadowRoot.querySelector("home-assistant-main")
          .shadowRoot.querySelector("app-drawer-layout partial-panel-resolver ha-panel-iframe").shadowRoot


        let iframe = null, toolbar = null;
        let subpage = haPanelIframe.querySelector("hass-subpage")
        if (subpage) {
          // 新版
          iframe = subpage.querySelector("iframe");
          toolbar = subpage.shadowRoot.querySelector('.toolbar')
          subpage.shadowRoot.querySelector('.content').style.height = '100vh'
        } else {
          // 旧版
          iframe = haPanelIframe.querySelector("iframe");
          toolbar = haPanelIframe.querySelector('app-toolbar')
        }
        iframe.style.position = 'absolute'
        toolbar.style.display = 'none'
        iframe.style.top = '0'
        iframe.style.height = '100%'
      } catch {

      }
    })();
  </script>
</body>

</html>